import React from "react";
import MainLayout from "@/component/mainLayout/mainLayout";
import Button from "../components/button";
import authorizationOfPersonalInformation from "@/static/text/ssss.txt";
import "./index.scss";
import creditStore from "../creditStore";
class Authorization extends React.Component {
	submit = async () => {
		this.props.goNext();
	};
	render() {
		const _pageParams = {
			header: {
				title: "征信授权书阅读"
			},
			isModal: true,
			history: this.props.history,
			cacheLifecycles: this.props.cacheLifecycles
		};
		return (
			<MainLayout pageParams={_pageParams} handleBack={this.props.handleBack}>
				<div className="xhd-authorization-wrapper">
					<span className="xhd-authorization-wrapper-p">
						开通小辉付时不会查询您的征信，按时还账单对征信没有影响
					</span>
					<main className="xhd-authorization-wrapper-main">
						<h1 className="xhd-authorization-wrapper-main-title">
							个人征信授权书
						</h1>
						<div
							className="xhd-authorization-wrapper-main-content"
							dangerouslySetInnerHTML={{
								__html: authorizationOfPersonalInformation
							}}
						></div>
					</main>
					<Button onClick={this.submit} isHiddenBotton={true}>
						同意协议并开通
					</Button>
				</div>
			</MainLayout>
		);
	}
}

export default creditStore(Authorization);
